<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page session="true" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="StyleSheet"
	href="${pageContext.request.contextPath}/css/login.css" type="text/css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/login.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/registration.js"></script>	
<link rel="icon" type="image/ico"
	href="${pageContext.request.contextPath}/resourse/image/network.gif" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Вход в чат!</title>
</head>
<body>
	<div id="container">
		<div id="header">
			<hgroup>
			<h1>Web Chat</h1>
			<h4>Вход в чат.</h4>
			<c:if test="${not empty message}">
				<div>${message}</div>
			</c:if>			
			</hgroup>
		</div>
		<div id="content">
			<img id="load" src="${pageContext.request.contextPath}/resourse/image/autorithationLoading.gif"/>
			<p id="warnIE">Данное приложение не поддерживает Ваш браузер (Microsoft Internet Explorer)</p>
			<div id="frameForm">
				<form action="#">
					<label for="login"> Логин:</label> 
					<input id="login" type="text" class='textinput' required placeholder="Введите логин" name="login" /> 
					<label for="password"> Пароль:</label> 
					<input id="password" type="password" class='textinput' required	placeholder="Введите пароль" name="pass" />
					<div class='buttonDiv'>
						<input type="button" value="Войти" class="mouseover" id='butAuthorization'/>
					</div>
					<div class='additional'>
						<a href="#" class='remindPass'>Забыли пароль?</a> 
						<a href="#" class='signup'>Зарегистрироваться</a>
					</div>
				</form>
			</div>
			<div id="remindPass">
				<img
					src="${pageContext.request.contextPath}/resourse/image/close.png"
					alt="Кнопка закрыть" title="Закрыть" /> 
					<label for="login">Логин:</label>
				<input id="login" type="text" class='textinput' required placeholder="Введите логин" />
				<div class='buttonDiv'>
					<input type="button" value="Проверить" class="mouseover" id="checkLogin" />
				</div>
				<div id="recoveryPass">
					<label>Ваш секретный вопрос:</label> 
					<span id="secterQuestion">Собственно будующий вопрос</span> 
					<input id="answer" type="text" class='textinput' required placeholder="Введите ответ" />
					<div class='buttonDiv'>
						<input type="button" value="Отправить" class="mouseover" id="sendPass" />
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<span>WebChat &copy; 2012 made by activecs, netstalk3r</span>
		</div>
	</div>
	<div class="modal_bg"></div>
	<div class="modal_window">
		<div id="regHeader">
			<img
				src="${pageContext.request.contextPath}/resourse/image/close.png"
				alt="Кнопка закрыть" title="Закрыть" />
			<h2>Регистрация</h2>
		</div>
		<div id="regContent">
			<div id="regBlock">
				<img id="regLoad" src="${pageContext.request.contextPath}/resourse/image/registrationLoading.gif"/>
				<span class="necessaryToFillIn">* - обязательно для заполнения</span><br />
				<form action="#">
					<label for="firstName"> Имя </label>
					<input id="firstName" type="text" class='textinput' placeholder="Введите имя"	name="firstName" />
					<label for="login"> Логин <span class="necessaryToFillIn">*</span> </label>
					<input id="login" type="text" class='textinput' required placeholder="Введите логин"	name="login" />
					<label for="firstName"> Фамилия </label>
					<input id="secondName" type="text" class='textinput' placeholder="Введите фамилию"	name="secondName" />
					<label for="password"> Пароль <span class="necessaryToFillIn">*</span> </label>
					<input id="password" type="password" class='textinput' required	placeholder="Введите пароль" name="password" />
					<label for="ConfrirmPassword"> Подтверждение пароля <span class="necessaryToFillIn">*</span> </label>
					<input id="ConfrirmPassword" type="password" class='textinput' required	placeholder="Введите пароль ещё раз" name="confirmPassword" />
					<label for="email"> Email <span class="necessaryToFillIn">*</span> </label>
                	<input id="email" type="text" class='textinput' required placeholder="Введите email" name="email"/><br />
                	<label for="sex"> Пол </label>
                	<input id="sex" type="radio" name="sex" value="true" checked>	мужской
      				<input id="sex" type="radio" name="sex" value="false"> женский
      				<label for="secretQuestion"> Секретный вопрос <span class="necessaryToFillIn">*</span> </label>
      				<select id="secretQuestion" name="secretQuestion">
<!-- 	      				<option>Вопрос 1</option> -->
<!--       					<option>Вопрос 2</option> -->
<!--       					<option>Вопрос 3</option> -->
<!--       					<option>Вопрос 4</option> -->
      				</select>
      				<label for="answer"> Ваш ответ <span class="necessaryToFillIn">*</span> </label>
      				<input id="answer" type="text" class='textinput' required placeholder="Введите ответ" name="answer" />
      				<div class="buttonDiv">
      					<input type="button" class="mouseover" value="Отправить" id="butRegistration">
     					<input type="reset" name="reset" class="mouseover" value="Очистить">
     				</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>